import React from 'react';

import { SvgIcon } from '../icon';

interface Props {
  iconSize?: number;
  textClassName?: string;
  fontText?: React.ReactNode;
}

const NotData = ({ iconSize = 90, textClassName, fontText = '暂无数据' }: Props) => {
  return (
    <div className="flex h-full w-full flex-1 flex-col items-center justify-center text-[#86909C]">
      <SvgIcon icon="icon-no-data" size={iconSize} />
      <div className={`mt-2 ${textClassName || 'text-sm'}`}>{fontText}</div>
    </div>
  );
};

export default NotData;
